<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<a href="B.html">转到B页面</a>
		<button type="button" onclick="doBack();">后退</button>
		<button type="button" onclick="doForward();">前进</button>
		<button type="text" id="shuaxin">页面刷新</button>
		<div id="one" style="width: 100px;height: 120px;background-color: aqua;">
			第一个
		</div>
		<br>
		<div id="two" style="width: 140px;height: 160px;background-color: aqua;">
			第二个
			<li><a href="">苹果</a></li>
			<li><a href="">苹果</a></li>
			<li><a href="">苹果</a></li>
			<li><a href="">苹果</a></li>
			<li><a href="">苹果</a></li>
		</div>
		<br>
		<div id="one" style="width: 200px;height: 220px;background-color: aqua;">
			第三个
			<p>吃饭</p>
			<p>吃饭</p>
			<p>吃饭</p>
			<p>吃饭</p>
			<p>吃饭</p>
		</div>
	</body>
	<script type="text/javascript">
		//history
		function doForward(){
			//history.forward()
			history.go(2)
		}
		function doBack(){
			//history.back()
			history.go(-2)
		}
	</script>
</html>
